<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../../../static/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
		<script src="../../../static/jquery/jquery-migrate-1.1.1.min.js" type="text/javascript"></script>

		<link href="../../../static/bootstrap/3.3.4/css_default/bootstrap.min.css" type="text/css" rel="stylesheet" />
		<script src="../../../static/bootstrap/3.3.4/js/bootstrap.min.js"  type="text/javascript"></script>
		<link href="../../../static/awesome/4.4/css/font-awesome.min.css" rel="stylesheet" />
		
		<!--datatable-->
		<link rel="stylesheet" href="../../../static/dataTables/css/jquery.dataTables.min.css" />
		<script type="text/javascript" src="../../../static/dataTables/jquery.dataTables.js"></script>
		
		<!--datePicker.js-->
		<script type="text/javascript" src="../../../static/My97DatePicker/WdatePicker.js"></script>
		
		<!--juicer-->
		<script type="text/javascript" src="../../../static/juicer/juicer-min.js"></script>
		
		<script type="text/javascript" src="order.js"></script>
		
		<link rel="stylesheet" href="../../../common/css/style.css" />
		
	</head>
	<body class='orderBody'>
		<div class="container-fluid">
			
			<!--查询条件-->
			<div class="row" style='padding: 30px 0 20px 15px;'>
				<div class='isAdminProvince' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span style="display: inline-block;">省份</span>
						<select id="selectPointOfInterest" class='provinceSelect' style='width:80px;'>
						  
						</select>
						<script type="text/template" id="provinceSelectTpl">
							  	{@each aaData as item}
							  		<option value="${item.proviceId}">${item.proviceName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isAdminCity' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>城市</span>
						<select id="selectPointOfInterest" class='citySelect' style='width:80px;'>
						  
						</select>
						<script type="text/template" id="citySelectTpl">
							  	{@each aaData as item}
							  		<option value="${item.sysCityId}">${item.cityName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isAdminCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='companySelect' style='width:230px;'>
						</select>
						<script type="text/template" id="companySelectTpl">
							  	{@each list as item}
							  		<option value="${item.organizationId}">${item.organizationName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div class='isOtherUserCompany' style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>公司选择</span>
						<select id="selectPointOfInterest" class='otherUserCompanySelect' style='border-radius:5px;width:230px;'>
						</select>
						<script type="text/template" id="otherUserCompanySelectTpl">
							  	{@each list as item}
							  		<option value="${item.organizationId}">${item.organizationName}</option>
							  	{@/each}
						  </script>
					</label>
				</div>
				<div style='float:left;margin-right:10px;'>
					<label id='lblSelect'>
						<span>状态</span>
						<select id="selectPointOfInterest" class='orderStatusSelect' style='width:80px;'>
						  <option value='0'>全部</option>
						  <option value='1'>服务中</option>
						  <option value='2'>已完成</option>
						  <option value='3'>待支付</option>
						  <option value='4'>已取消</option>
						</select>
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<label>
						<input style='display:inline;width: 180px;height:23px;padding:0;' class='form-control searchordername' type='text' placeholder='姓名/手机号' />
					</label>
				</div>
				<div class='' style='float:left;margin-right:10px;'>
					<label>
						<input style='display:inline;width: 180px;height:23px;padding:0;' class='form-control searchorderaddress' type='text' placeholder='出发地/目的地' />
					</label>
				</div>
				<div style='float:left;margin-right:10px;'>
					<input type="text" placeholder='下单时间' onfocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}'})" id="datemin" class="input-text Wdate startDate" style="width:120px;padding:0;">
					-
					<input type="text" placeholder='下单时间' onfocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d'})" id="datemax" class="input-text Wdate endDate" style="width:120px;padding:0;">
				</div>
				<div style='float:left;'>
					<button class="btn search-btn btn-info" style="padding: 0 10px;"><i class='fa fa-search'></i>查询</button>
					<button class="btn btn-primary" onclick="window.location.reload()" style="padding: 0 10px;"><i class='glyphicon glyphicon-repeat'></i>刷新</button>
				</div>
			</div>
			
			<!--表格-->
			<div class="row">
				<div class="col-md-12">
					<table id="table" class="table table-bordered">
						<thead>
							<tr>
								<th>省份</th>
								<th>所在城市</th>
								<th>公司名称</th>
								<th>姓名</th>
								<th>手机号码</th>
								<th>出发地</th>
								<th>目的地</th>
								<th>下单时间</th>
								<th>订单距离</th>
								<th>订单价格</th>
								<th>类型</th>
								<th>状态</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
			
						</tbody>
					</table>
				</div>
			</div>
			
			
			<!--详情模态框-->
			<div class="modal fade" id="myModalDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			  <div class="modal-dialog modal-lg">
			    <div class="modal-content">
			      <!-- <div class="modal-header">
			        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
			        <h4 class="modal-title" id="myModalLabel">订单详情</h4>
			      </div> -->
			      <div class="modal-body">
			      	
			      	<h4>订单详情</h4>
			      	<div class="row">
			      		<div class='col-md-12'>
			      			<table class="table table-bordered">
			      				<tr>
				      				<th>订单号</th>
				      				<th>结束时间</th>
				      				<th>是否评论</th>
				      				<th>下单用户</th>
				      				<th>订单时长</th>
				      				<th>评论时间</th>
				      				<th>抢单司机</th>
				      				<th>出发类型</th>
				      				<th>星级</th>
				      				<th>订单状态</th>
				      				<th>取消类型</th>
				      			</tr>
				      			<tr>
				      				<td class='oid'></td>
				      				<td class='payTimeStr'></td>
				      				<td class='isDispay'></td>
				      				<td class='placeOrderUserId'></td>
				      				<td class='duration'></td>
				      				<td class='evaluateDateStr'></td>
				      				<td class='grabOrderUserId'></td>
				      				<td class='setOutType'></td>
				      				<td class='evaluateLevel'></td>
				      				<td class='orderStatus'></td>
				      				<td class='cancelType'></td>
				      			</tr>
				      			<tr>
				      				<th>评论标签</th>
				      				<th>下单时间</th>
				      				<th>订单取消时间</th>
				      				<th>评论内容</th>
				      				<th>下单城市</th>
				      				<th>订单取消原因</th>
				      				<th>发单类型</th>
				      				<th>出发条件</th>
				      				<th>出发时间</th>
				      				<th>指派时间</th>
				      				<th>乘客手机号</th>
				      			</tr>
				      			<tr>
				      				<td class='evaluateLabel'></td>
				      				<td class='createTimeStr'></td>
				      				<td class='cancelTimeStr'></td>
				      				<td class='evaluateContent'></td>
				      				<td class='placeOrderCity'></td>
				      				<td class='cancelDesc'></td>
				      				<td class='publishType'></td>
				      				<td class='setOutCondition'></td>
				      				<td class='setOutTimeStr'></td>
				      				<td class='appointTimeStr'></td>
				      				<td class='passangerTel'></td>
				      			</tr>
			      			</table>
			      		</div>	
			      	</div>
			      	<h4>行程信息</h4>
			      	<div class="row">
			      		<div class='col-md-12'>
			      			<table class="table table-bordered">
			      				<tr>
				      				<th>起点</th>
				      				<th>上车纬度</th>
				      				<th>平台估算距离</th>
				      				<th>起点经度</th>
				      				<th>下车经度</th>
				      				<th>平台估算时长</th>
				      				<th>起点纬度</th>
				      				<th>下车纬度</th>
				      				<th>终点</th>
				      				<th>上车时间</th>
				      				<th>终点经度</th>
				      			</tr>
				      			<tr>
				      				<td class='startAddress'></td>
				      				<td class='aboardLatitude'></td>
				      				<td class='estimateDistance'></td>
				      				<td class='startLongitude'></td>
				      				<td class='debusLongitude'></td>
				      				<td class='estimateDuration'></td>
				      				<td class='startLatitude'></td>
				      				<td class='debusLatitude'></td>
				      				<td class='endAddress'></td>
				      				<td class='aboardTime'></td>
				      				<td class='endLongitude'></td>
				      			</tr>
				      			<tr>
				      				<th>行程距离</th>
				      				<th>终点纬度</th>
				      				<th>车主确认到达时间</th>
				      				<th>上车经度</th>
				      			</tr>
				      			<tr>
				      				<td class='distance'></td>
				      				<td class='endLatitude'></td>
				      				<td class='endTimeStr'></td>
				      				<td class='aboardLongitude'></td>
				      			</tr>
			      			</table>
			      		</div>	
			      	</div>
			      	<h4>支付信息</h4>
			      	<div class="row">
			      		<div class='col-md-12'>
			      			<table class="table table-bordered">
			      				<tr>
				      				<th>订单总金额</th>
				      				<th>起步费</th>
				      				<th>叮币支付金额</th>
				      				<th>时长费</th>
				      				<th>第三方支付金额</th>
				      				<th>里程费</th>
				      				<th>支付类型</th>
				      				<th>最低消费</th>
				      				<th>订单支付时间</th>
				      				<th>远途费</th>
				      				<th>交易类型</th>
				      			</tr>
				      			<tr>
				      				<td class='totalMoney'></td>
				      				<td class='startFee'></td>
				      				<td class='payMoney'></td>
				      				<td class='durationFee'></td>
				      				<td class='alipayMoney'></td>
				      				<td class='mileageFee'></td>
				      				<td class='payType'></td>
				      				<td class='minimums'></td>
				      				<td class='payTimeStr'></td>
				      				<td class='longFee'></td>
				      				<td class='transactionType'></td>
				      			</tr>
				      			<tr>
				      				<th>夜间费用</th>
				      				<th>平台估算金额</th>
				      			</tr>
				      			<tr>
				      				<td class='nightFee'></td>
				      				<td class='estimateMoney'></td>
				      			</tr>
			      			</table>
			      		</div>
			      </div>
			      <div class="modal-footer">
			        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			      </div>
			    </div>
			  </div>
			</div>
			

			
		</div>
	
	</body>
</html>
